<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- button 有属性type，其中type有三个属性值，分别是
        submit 提交按钮 点击后可将数据提交到后台（默认功能）
        reset 重置按钮 点击后表单控件恢复默认值
        button 普通按钮 默认没有功能，一般配合javascript使用
     -->
     <!-- form 标签代表表单区域标签，只有用form标签进行包裹才可以让按钮进行使用 其中form标签中有一个action属性，这个属性是用来表示将来数据发送的地址-->
     <form action="">
        文本域<input type="text" placeholder="请输入用户账号">
        <br>
        密码<input type="password" placeholder="请输入用户密码">
        <br>
        <button type="submit">提交按钮</button>
        <button type="reset">重置按钮</button>
        <button type="button">普通按钮</button>
     </form>

</body>
</html>